<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        //Promise需要传入一个参数，这个参数是一个函数
        //这个传入的函数本身有俩个参数，分别是resolve,reject.
        //并且resolve和reject这俩个参数也是函数
        new Promise((resolve, reject)=> {
            //第一次网路请求的代码
           setTimeout(()=>{
               resolve()//正常回调，执行这个函数后，进入then函数
               //reject()执行后进入catch函数，抛出一个错误信息提示用户
           },3000)
        }).then(()=>{
            //第一次的网络请求的结果代码
            console.log('剑谱第一页')//这里可能有大量代码，这里做了简化
            return new Promise((resolve, reject)=> {

                //第二次网络请求的代码
                setTimeout(()=>{
                    resolve()
                },3000)
            }).then(()=>{
                //第二次网路请求拿到的结果的处理代码
                console.log('剑谱第二页')
                return new Promise((resolve, reject)=>{
                    //三次网络请求的代码
                    setTimeout(()=>{
                       reject()
                    },3000)
                }).catch(()=>{
                    //第三次的结果代码
                    console.log('哎呀！出了点小问题！')
                })
            })
        })
    </script>
</body>
</html>